<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Packages Dispenser - Login</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="css/reset.css" />
        <link rel="stylesheet" href="css/styles.css" />
        <script type="text/javascript" src="js/form.js"></script>
    </head>
    <body>
        <div id="header">
            <div id="profile">
                <a href="#" class="submit">Login</a>
            </div>
            
            <div id="crumbtrail">
                <a href="#">Home</a> / <a href="#">Login</a>
            </div>
        </div>
        <div id="content">
            <form action="#" method="post">
                <h2>Authentication</h2>
                <div class="form full">
                    <label for="username"><span>Login</span></label>
                    <input class="login" type="text" name="username" value="" /><br />
                    <p><span class="errorForm">Login required</span></p>
                    
                    <label for="password"><span>Password</span></label>
                    <input class="login" type="password" name="password" value="" /><br />
                    <p><span class="errorForm">Login required</span></p>
                </div>
                <div class="form-footer">
                    <label for="remember">Remember me for 30 days </label> 
                    <input id="remember" type="checkbox" name="remember" />
                    <input type="submit" value="Login" class="submit" />
                </div>
            </form>
        </div>
    </body>
</html>